/*
 * This file is part of Dorado 7.x (http://dorado7.bsdn.org).
 * 
 * Copyright (c) 2002-2012 BSTEK Corp. All rights reserved.
 * 
 * This file is dual-licensed under the AGPLv3 (http://www.gnu.org/licenses/agpl-3.0.html) 
 * and BSDN commercial (http://www.bsdn.org/licenses) licenses.
 * 
 * If you are unsure which license is appropriate for your use, please contact the sales department
 * at http://www.bstek.com/contact.
 */

/** year-picker */
.i-year-picker, i-month-picker {
    table-layout: fixed;
}

.i-year-picker .btn-row {
    height: 20px;
}

.i-year-picker .number-row td, .i-month-picker .number-row td
{
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    padding: 1px;
}

/* year-month-picker */
.i-year-month-picker {
	width: 100%;
	height: 200px;
}

.i-year-month-picker td {
	height: 20px;
}

.i-year-month-picker .month-table {
	width: 49%;
	table-layout: fixed;
}

.i-year-month-picker .year-table {
	width: 49%;
	float: right;
	table-layout: fixed;
}

.i-year-month-picker .year-table .btn-row {
	height: 20px;
}

.i-year-month-picker .year-table .number-row td,.i-year-month-picker .month-table .number-row td
	{
	text-align: center;
	cursor: pointer;
	line-height: 20px;
	padding: 1px;
}

.i-year-month-picker .btns-pane {
	position: absolute;
	float: left;
	clear: left;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 30px;
}

.i-year-month-picker .btns-pane .i-button {
	margin-right: 5px;
}

/* date-picker */
.i-date-picker {
	position: relative;
	border-collapse: collapse;
	width: 100%;
	height: 195px;
}

.i-date-picker .year-month-block {
	text-align: center;
	width: 100%;
	height: 26px;
	padding-top: 3px;
}

.i-date-picker .pre-button-div {
	float: left;
	padding-left: 4px;
	margin-right: -40px;
	width: 40px;
}

.i-date-picker .next-button-div {
	float: right;
	padding-right: 4px;
	margin-left: -40px;
	width: 40px;
}

.i-date-picker .pre-button-div .i-icon-button,.i-date-picker .next-button-div .i-icon-button
	{
	float: left;
}

.i-date-picker .year-month-label {
	width: auto;
	cursor: pointer;
	text-align: center;
	height: 22px;
	line-height: 22px;
	margin: 0 44px 0 44px;
}

.i-date-picker .date-header {
	table-layout: fixed;
	border-collapse: collapse;
	text-align: center;
	cursor: pointer;
	width: 100%;
	height: 18px;
}

.i-date-picker .date-block {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 108px;
}

.i-date-picker .date-block .date-table {
	position: absolute;
	left: 0;
	top: 0;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: center;
	cursor: pointer;
	width: 200%;
}

.i-date-picker .date-header .date-table td,.i-date-picker .date-block .date-table td
	{
	height: 18px;
	text-align: center;
}

.i-date-picker .spinner-block {
	position: absolute;
	height: 30px;
	left: 5px;
	bottom: 0;
}

.i-date-picker .button-block {
	position: absolute;
	height: 30px;
	right: 0;
	bottom: 0;
}

.i-date-picker .button-block .i-button {
	cursor: pointer;
	margin-right: 5px;
}

.i-date-picker .i-year-month-picker {
	position: absolute;
	left: 0;
	top: 0;
}

.i-date-picker .time-block {
	text-align: center;
	width: 100%;
	height: 22px;
	padding-left: 5px;
}

.i-date-picker .time-picker-block {
	vertical-align: middle;
	text-align: right;
	float: left;
	width: 90px;
	height: 20px;
	line-height: 18px;
	font-size: 10px;
}